<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="HandheldFriendly" content="True">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>云π</title>
		<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script src="js/js.js" type="text/javascript"></script>
		<style type="text/css">
			body {
				background: url(img/bg.png) no-repeat top left;
				background-size: 100% 100%;
			}
		</style>

	</head>

	<body style="position: relative;">
		<!-- 头部 -->
		<div class="header">
			<a href="javascript:history.go(-1);" class="hele"></a>
			<h1 class="hetitle">实名认证</h1>
		</div>

		<div id="page" class="page m">
			<div class="deorlist">
				<div class="deoritem">
					<p class="deort1">姓名：</p>
					<div class="deorid">
						<input type="text" class="deorinput" placeholder="请输入真实姓名" />
					</div>
				</div>
				<div class="deoritem">
					<p class="deort1">身份证：</p>
					<div class="deorid">
						<input type="text" class="deorinput" placeholder="请输入证件号" />
					</div>
				</div>
			</div>
			<!--选填账号-->
			<div class="selection">
				<p class="selet">银行卡/支付宝</p>
				<div class="selelr">
					<label class="selabel on">
						<span class="selabelpic"></span>
						<input type="radio" name="radio" class="seleinput" data-radio="radio1" checked>
						<span class="selabet">银行卡</span>
					</label>
					<label class="selabel">
						<span class="selabelpic"></span>
						<input type="radio" name="radio" data-radio="radio2" class="seleinput">
						<span class="selabet">支付宝</span>
					</label>
				</div>
			</div>
			<!--切换内容-->
			<div class="deorlistd2">
				<div class="deorlist" id="radio1">
					<div class="deoritem">
						<p class="deort1">银行：</p>
						<div class="deorid">
							<input type="text" class="deorinput" placeholder="请输入开户银行" />
						</div>
					</div>
					<div class="deoritem">
						<p class="deort1">银行卡号：</p>
						<div class="deorid">
							<input type="text" class="deorinput" id="bank" placeholder="请输入银行卡号" />
						</div>
					</div>
					<div class="deoritem">
						<p class="deort1">开户行地址：</p>
						<div class="deorid">
							<input type="text" class="deorinput" placeholder="请输入省、市、区" />
						</div>
					</div>
					<div class="deoritem">
						<p class="deort1">开户行名称：</p>
						<div class="deorid">
							<input type="text" class="deorinput" placeholder="请输入开户行支行名称" />
						</div>
					</div>
				</div>
				<div class="deorlist" style="display: none;" id="radio2">
					<div class="deoritem">
						<p class="deort1">支付宝账号：</p>
						<div class="deorid">
							<input type="text" class="deorinput" placeholder="请输入支付宝账号" />
						</div>
					</div>
				</div>
			</div>
			<a href="determine_order2.html" class="deorlink" style="margin-top:1rem;">完成</a>
		</div>
	</body>
	<script type="text/javascript">
		$(function() {
			//背景高宽
			$("body").width($(document).outerWidth(true));
			$("body").height($(document).outerHeight(true));

			//账号切换
			//		$('.seleinput').click(function(){
			//			var radio1 = $("input[type='radio']:checked").val();
			//			switch (radio1){
			//			  		case 1:
			//						$('#radio1').show();
			//						$('#radio2').hide();
			//			  		break;
			//			  		case 2:
			//			  			$('#radio2').show();
			//						$('#radio1').hide();
			//			  		break;
			//				}
			//			console.log(radio1);
			//		})
			$(".selabel .seleinput").on('click', function() {
				$(this).parent('.selabel').addClass('on').siblings().removeClass('on');
				var $checked = $(this).attr('data-radio');
				$('#'+ $checked).show().siblings().hide();
			})

			//银行卡号分隔
			document.getElementById("bank").onkeyup = function() {
				this.value = this.value.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
			};
		})
	</script>

	</html>